<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@ taglib uri="/WEB-INF/taglib/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/taglib/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/taglib/struts-logic.tld" prefix="logic" %>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>SAYDC - BackOffice</title>
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
	<link rel="stylesheet" type="text/css" href="styles/estilos.css"/>
	<script type="text/javascript" src="js/funcionesComunes.js"></script>
	<script type="text/javascript">
		function capacitacionesNecesarias(){
			document.location.href = '/SAYDC/capacitacionesNecesarias.do'
		}
	</script>
</head>
<body>
	<br>
	<html:form action="/enviarACapacitar.do">
	<div style="width: 50%; position: relative; left: 25%" class="priAclaracion">Capacitaciones</div>
	<br>
	<table align="center" border="0" cellspacing="2" width="50%">
		<tr class="tabHeader">
	    	<td colspan="2" class="tdHeader">Capacitar Empleado</td>
	    </tr>
	    <tr class="tabRow" style="background-color: #A9C0DB">
	    	<td width="25%" style="padding-left: 10px">Legajo</td>
	    	<td width="75%"><html:text property="legajo" onkeypress="return validarNumerico(event)" size="10" maxlength="8"/></td>
	    </tr>
		<tr class="tabRow" style="background-color: #A9C0DB">
			<td style="padding-left: 10px">Capacitaci&oacute;n</td>
			<td>
				<html:select property="capacitacion" styleId="caps" style="width: 350px">
	  			<html:option value="-1">Seleccione...</html:option>
	  			<html:optionsCollection name="listaCapacitaciones" value="idCapacitacion" label="descripcion"/>
	  		</html:select>
			</td>
		</tr>
		<tr><td colspan="2"><div class="errors"><html:errors/></div></td></tr>
	    <tr><td colspan="2">&nbsp;</td></tr>
	    <tr>
	    	<td colspan="2">
	    		<div align="center" style="float: left; width: 50%">
	    			<button type="submit" class="button" title="Ver empleados a capacitar"
	    					onclick="javascript:validarSeleccion();">
						<img src="img/botones/Ok.png" alt=""/>
		        		Aceptar
					</button>
				</div>
				<div align="center" style="float: left; width: 50%">
					<button type="button" class="button" title="Volver"
							onclick="javascript:capacitacionesNecesarias()">
						<img src="img/botones/Cancel.png" alt=""/>
		        		Cancelar
		        	</button>
		    	</div>
	    	</td>
	  	</tr>
	</table>
	</html:form>
<script type="text/javascript">
	document.getElementById('caps').options.selectedIndex = ${valorCapacitacion};
</script>
<br><br><br>
</body>
</html>